{% extends "layout.html" %}

{% block content %}
<div class="m-4">
  <h1 class="text-center">遂宁全国商会数字化联盟</h1>
  <div class="row mt-5">
    <div class="mb-3 col-3">
      <div class="num-analy p-2 text-white rounded-2 bg-linear-indigo">
        <div class="clearfix fs-5 num">
          <div class="float-start icon">
            <span class="fa fa-user"></span>
          </div>
          <div class="float-start ms-2">文章数量</div>
        </div>
        <div class="mt-2 total">总数量： <span>{{ blogs_count }}</span></div>
      </div>
    </div>

    <div class="mb-3 col-3">
      <div class="num-analy p-2 text-white rounded-2 bg-linear-pink2">
        <div class="clearfix fs-5 num">
          <div class="float-start icon">
            <span class="fa fa-address-card-o"></span>
          </div>
          <div class="float-start ms-2">产品数量</div>
        </div>
        <div class="mt-2 total">总数量： <span>{{ products_count }}</span></div>
      </div>
    </div>

    <div class="mb-3 col-3">
      <div class="num-analy p-2 text-white rounded-2 bg-linear-pink">
        <div class="clearfix fs-5 num">
          <div class="float-start icon">
            <span class="fa fa-address-card"></span>
          </div>
          <div class="float-start ms-2">收藏数量</div>
        </div>
        <div class="mt-2 total">总数量： <span>{{ collects_count }}</span></div>
      </div>
    </div>

    <div class="mb-3 col-3">
      <div class="num-analy p-2 text-white rounded-2 bg-linear-orange">
        <div class="clearfix fs-5 num">
          <div class="float-start icon">
            <span class="fa fa-tasks"></span>
          </div>
          <div class="float-start ms-2">广告数量</div>
        </div>
        <div class="mt-2 total">总数量： <span>{{ adverts_count }}</span></div>
      </div>
    </div>
  </div>
</div>
{% endblock %}